<%@ page contentType="text/html; charset=UTF-8"%>




<script>
	jQuery(function($) {
		$(document).ready(function() {
			$('#example').dataTable({
				"bProcessing" : false,
				"bServerSide" : false,
				"bLengthChange" : false,
				"bFilter" : false,
				"bSort" : false,
				"bInfo" : true,
				"bAutoWidth" : false,
				"bJQueryUI" : false,
				"iDisplayLength" : 10,
				"iSortingCols" : 0,
				"sPaginationType" : "bootstrap"
			});
		});
	});
</script>
<div id="container">
	<div id="content">
		<div class="warpper">
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td colspan="9" class="header2" style="border-bottom: 1px #bbb solid;">ค้นหา</td>
				</tr>
			</table>
			<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: 100%;">
				<tr>
					<td width="120px;" class="header">Request No </td>
					<td><input type="text" style="width: 120px;"></td>
					<td width="120px;" class="header">Project ID </td>
					<td><input type="text" style="width: 120px;"></td>
					<td width="120px;" class="header">ชื่อหน่วยงาน </td>
					<td><input type="text" style="width: 120px;"></td>
					<td width="120px;" class="header">โครงการ </td>
					<td><input type="text" style="width: 120px;"></td>
					<td width="400px;"></td>
				</tr>
				<tr>
					<td class="header">ประเภทคำขอ </td>
					<td colspan="7"><input type="checkbox" name="checkbox3" value="checkbox"> ยื่นประกวดราคา / เสนอราคา <input
						type="checkbox" name="checkbox22" value="checkbox"> ขอเปิด PR</td>
					<td></td>
				</tr>
				<tr>
					<td colspan="9" align="right" style="border-bottom: 1px #bbb solid; padding-bottom: 10px;"><a href="#"
						class="button"> Search </a> &nbsp; <a href="#" class="button"> Clear </a></td>
				</tr>
			</table>
			<div style="width: 100%; height: 30px; text-align: center;" class="header2">ขอใช้บริการ Admin Purchase Dept
				(AP)</div>
			<div style="width: 100%;">
				<table cellpadding="0" cellspacing="0" border="0" class="display" id="example">
					<thead>
						<tr>
							<th></th>
							<th>ลำดับที่</th>
							<th>Request No.</th>
							<th>แผนก</th>
							<th>Project ID</th>
							<th>ชื่อหน่วยงาน</th>
							<th>ชื่อย่อโครงการ</th>
							<th>ประเภทคำขอ</th>
							<th>วันที่ต้องการงาน</th>
							<th>Delivery PR Date</th>
							<th>Cancel AP Date</th>

						</tr>
					</thead>
					<tbody>
						<tr>
							<td><div style="text-align: center;">
									<input type="checkbox" name="checkbox2" value="checkbox" />
								</div></td>
							<td><div style="text-align: center;">1</div></td>
							<td>PM-002-57</td>
							<td><div style="text-align: center;">PS/PM</div></td>
							<td><div style="text-align: center;">CGD-0056-57</div></td>
							<td>กรมบัญชีกลาง</td>
							<td>โครงการปฏิรูประบบการจัดซื้อจัดจ้างภาครัฐด้วยอิเล็กทรอนิกส์อย่างครบวงจร</td>
							<td>ยื่นประกวดราคา /เสนอราคา</td>
							<td><div style="text-align: center;">11/2/2557</div></td>
							<td>&nbsp;</td>
							<td>&nbsp;</td>

						</tr>
						<tr bgcolor="#FFFFFF">
							<td><div style="text-align: center;">
									<input type="checkbox" name="checkbox2" value="checkbox" />
								</div></td>
							<td><div style="text-align: center;">2</div></td>
							<td>PM-003-57</td>
							<td><div style="text-align: center;">PS/PM</div></td>
							<td><div style="text-align: center;">CGD-0157-57</div></td>
							<td>กรมบัญชีกลาง</td>
							<td>โครงการปฏิรูประบบการจัดซื้อจัดจ้างภาครัฐด้วยอิเล็กทรอนิกส์อย่างครบวงจร</td>
							<td>ขอเปิด PR</td>
							<td><div style="text-align: center;">11/2/2557</div></td>
							<td><div style="text-align: center;">15/2/2557</div></td>
							<td><div style="text-align: center;">15/2/2557</div></td>

						</tr>
					</tbody>
				</table>
			</div>
			<div style="width: 100%; text-align: center; padding-top: 60px;">
				<table class="from" cellpadding="0" cellspacing="0" border="0" style="width: auto;">
					<tr>
						<td>เหตุผล</td>
						<td><input name="textfield" type="text" size="5" style="width: 140px;"></td>
						<td>ผู้แจ้ง</td>
						<td><input name="textfield" type="text" size="5" style="width: 140px;"></td>
						<td>Memo ID</td>
						<td><input name="textfield" type="text" size="5" style="width: 90px;"></td>
						<td>วันที่</td>
						<td><input name="textfield" type="text" size="5" style="width: 90px;"></td>
						<td><a href="#" class="button"  > ยกเลิก PR </a></td>
					</tr>
				</table>
			</div>
		</div>
	</div>
</div>
